@import url(../base.less);
@import url(../../../css/theme/black.less);
@login_blue: #295caf;
@login_bg: #f7faff;
@aside_child_bg: #d5e7f8;
a {
  &:hover,
  &:focus {
    color: @blue;
  }
}

.bluer {
  color: @blue;
}

/*layui  改写*/
.layui-table,
.layui-table-view {
  .layuiTableOperItem {
    border-right: 1px solid @gray_e4;
    color: @blue;
  }
}

.layui-form-checkbox {
  i {
    &:hover {
      border-color: @blue !important;
    }
  }
}

.layui-form-checked i {
  border-color: @blue !important;
  background: @blue !important;
}
.layui-form-radioed i {
  color: @blue;
  &:hover {
    color: @blue !important;
  }
}
.layui-form-radio i {
  &:hover {
    color: @blue !important;
  }
}
.layui-form-radioed i {
  color: @blue;
  &:hover {
    color: @blue !important;
  }
}
.layui-laypage {
  float: right;

  a:hover {
    color: @blue;
  }

  input,
  select {
    &:focus {
      border-color: @blue !important;
    }
  }

  .layui-laypage-curr {
    .layui-laypage-em {
      background-color: @blue;
    }
  }
}

.layui-laypage .fixed-table-pagination {
  .dropdown-menu {
    > .active {
      > a {
        background-color: @blue !important;
      }
    }
  }
}

.layui-table-page {
  > li {
    > a {
      color: @gray_66;
      &:hover {
        color: @blue;
        background-color: @white;
        border-color: @blue;
      }
    }
  }

  > .active {
    > a {
      color: @white !important;
      background-color: @blue !important;
      border-color: @blue !important;
    }
  }
}
.layui-laydate-linkage .layui-laydate-content td.laydate-selected > div {
  background: @blueOpacity !important;
}
/*按钮*/
.btn-info {
  background-color: @blue;
  border-color: @blue;

  &:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &[disabled]:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
    background-color: @themeBlueColor !important;
    border-color: none !important;
  }
}

.btn-primary {
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
    background-color: @dark_blue !important;
    border-color: none !important;
  }
}

.btn-success {
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
}
.btn-default-self {
  border: 1px solid @gray_d6 !important;
  color: @gray_55 !important;
  background: @white !important;
  &:hover {
    border-color: @blue !important;
    color: @blue !important;
    background: @blueOpacity !important;
  }
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
}
.btn-info-self {
  background: @blue;
  border: 1px solid @blue;
  color: @white !important;
  &:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &[disabled]:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
    background-color: @themeBlueColor !important;
    border-color: none !important;
  }
}

.btn-default {
  background: none;
  &.btn-wight {
    height: auto !important;
    line-height: inherit !important;
  }
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
  &:hover {
    background: none !important;
    border-color: @blue !important;
    color: @blue !important;
  }
}

.btn-warning {
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
}
.tableMoreOper {
  .tableOperList {
    position: fixed;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    li {
      &:hover {
        color: @blue;
      }
    }
  }
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
/* 滚动条整体样式 */
::-webkit-scrollbar {
  background: @white;
}
/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  background-color: #e8ecfd;
  /* 轨道背景色 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  // background-color: #888; /* 滑块背景色 */
  background: #1890ff;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

/* 滚动条滑块在鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  // background-color: #555; /* 悬停时滑块背景色 */
  background: #128afb;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
/*登录*/
.loginMain {
  background: @login_bg;
  .title {
    color: @login_blue;
  }
  .loginNav {
    a {
      &.active {
        color: @login_blue;
      }
    }
    .loginNavLine {
      background: @login_blue;
    }
  }
  .inputBox {
    &:hover {
      border-color: @blue;
    }
  }
  .numberCode {
    .refresh {
      color: @login_blue;
    }
  }
  .loginBtn {
    .linearGradient(135deg,#1a3ba6,#328ae1);
    color: @white;
  }
  .phoneCodeBtn {
    border: 1px solid @login_blue;
    color: @login_blue;
    &.disabled {
      border-color: @gray_99;
      color: @gray_99;
    }
  }
}
.page_container {
  /*左侧菜单*/
  .page_aside {
    background-image: linear-gradient(90deg, #1d1d1d, #313131);
    box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);
    &::-webkit-scrollbar-thumb {
      border-radius: 5px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #4c4c4c;
    }
    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: #e8e8e8;
    }
    .showAsid {
      background: @blue;
      color: @white;
    }
  }
  .child_menu_box {
    background: #fff;
    .menu_title {
      border-bottom: 1px solid @gray_e6;
    }

    .child_menu_list {
      box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
      li {
        color: #666;
        > span {
          color: @gray_33;
        }
        > a {
          color: @gray_33;
        }
        a {
          &:hover {
            color: #4c4c4c;
          }
          &.active {
            color: @blue;
            background: #4c4c4c;
          }
        }
        &.firstOther {
          border-top: 1px solid @gray_d6;
        }
      }
    }
    .child_nav_hide {
      border: 1px solid @gray_d6;
      color: @gray_99;
    }
  }

  .page_header {
    padding: 0;
    color: @white;

    .logo {
      background-image: linear-gradient(90deg, #006cff, #399efd);
    }

    .page_header_top {
      border-bottom: 1px solid @gray_e6;
    }

    .header_right {
      > li {
        &.refresh {
          &:hover {
            color: @blue;
          }
        }
      }

      .dropdown {
        li {
          &:hover {
            color: @blue;
          }
        }
      }
    }
  }
  .page_content {
    .page_main {
      background: @gray_f8;
    }
  }
}
.asideMenu {
  .menu_item {
    color: #fff;
    &:hover,
    &.active {
      background: #399efd !important;
    }
  }
}
/*头部导航*/
.headTab {
  background: @white;
  .treeLeft {
    color: @gray_33;
    &.disabled {
      color: @gray_99;
    }
  }
  .treeRight {
    color: @gray_33;
    &.disabled {
      color: @gray_99;
    }
  }
  .treeMain {
    a {
      border: 1px solid @gray_e6;
      background: @white;
      box-shadow: 0 0 5px @gray_e6;
      color: @gray_66;
      .icon-close-X {
        color: @gray_d6;
        &:hover {
          color: @red;
        }
      }
      &:hover {
        color: @blue;
      }
      &.active {
        background-color: @blue;
        color: @white;
        .icon-close-X {
          color: @white;
        }
      }
    }
  }
  .treeOper {
    .iconfont {
      color: @gray_66 !important;
    }
    .item {
      color: @gray_44;
      &:hover {
        color: @blue;
      }
    }
  }
}
/**修改默认ElementUi样式*/
.searchBox {
  padding: 15px;
  .searchForm {
    .searchFormClose {
      color: @blue;
    }
  }
}
.el-pagination {
  .el-pager {
    .number {
      background: none !important;
      border: 1px solid @gray_d6;
      font-weight: 400;

      &.active {
        background: @blue !important;
        border-color: @blue;
      }

      &:hover {
        border-color: @blue;
      }
    }

    .more {
      background: none !important;
      border: 1px solid @gray_d6;
      font-weight: 400;
    }
  }

  button {
    background: @white !important;
    border: 1px solid @gray_d6 !important;

    &:disabled {
      color: @gray_d6 !important;
      border-color: @gray_e6 !important;
      background: @gray_f5 !important;

      &:hover {
        color: @gray_d6 !important;
        border-color: @gray_e6 !important;
      }
    }

    &:hover {
      color: @blue !important;
      border-color: @blue !important;
    }
  }
}
.compant_child_body {
  background: @gray_f9;
}
.treeBox {
  background: @white;
  .treeList {
    .treeMain {
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
      a {
        border: 1px solid @gray_e6;
        background: @white;
        box-shadow: 0 0 5px @gray_e6;
        color: @gray_66;
        .icon-close-X {
          color: @gray_d6;
          &:hover {
            color: @red;
            font-weight: 600;
          }
        }

        &:hover {
          color: @blue;
        }

        &.active {
          background-color: @blue;
          color: @white;

          .icon-close-X {
            color: @white;
          }
        }
      }
    }
  }

  .home {
    border-right: 1px solid @gray_e6;
    color: @gray_66;
    border-top: 2px solid @white;

    &:hover {
      color: @red;
    }

    &.active {
      border-top-color: @dark_blue;
    }
  }

  .closeAll {
    border-left: 1px solid @gray_d6;
    vertical-align: top;
    color: @gray_66;
    &:hover {
      color: @red;
    }
  }
}

/*通用的*/
#loadingBox {
  .loading {
    color: @gray_99;
    &::before {
      border: 4px solid @gray_99;
      border-bottom-color: @blue;
    }
  }
}
.company_comModal {
  border-radius: 0.2em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: @white;
  min-height: 50px;
}
.company_formItem {
  .clearValue {
    color: @gray_99;
  }
  .requeid {
    border-color: @red;
    &:focus {
      border-color: @red !important;
      .boxShadow(0, 0, 2px, @red);
    }
  }

  .errorText {
    color: @red;
  }

  .dropdown {
    .btn {
      .close-select {
        &:hover {
          color: @red;
        }
      }
    }
  }
}
.comBanner {
  background: #e6e6e6;
}
.formModal {
  background: @white;
  border: 1px solid @gray_e6;
  .formHead {
    background: @gray_f5;
    border-bottom: 1px solid @gray_e6;

    .titleNumber {
      background: @blue;
      color: @white;
    }

    .formHeadOper {
      .iconfont {
        color: @dark_blue;
      }
    }
  }
}
.comFormAdd {
  border: 1px solid @blue;
  background: @login_bg;
  color: @blue;
}
.blueTitle {
  background: @blue;
  color: @white;
}
.myFormModal {
  .myFormItem {
    .formBox {
      .clearValue {
        color: @gray_99;
      }
      .form-control[readonly] {
        background: @white;
      }
    }
    .dateInput {
      .iconfont {
        color: @gray_99;
      }
    }
  }
}
.company_grayTitle {
  background: @gray_f1;
  color: @gray_66;
  border: 1px solid @gray_e6;
}
.nav-tabs {
  li {
    &.active {
      a {
        border-color: @blue !important;
        color: @blue !important;
      }
    }
  }
}
.comSwitch {
  border: 1px solid @gray_d6;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);

  &.off {
    &::before {
      content: "关";
      color: @gray_f1;
      background: @gray_99;
    }
  }

  &.on {
    border-color: @blue;

    &::before {
      content: "开";
      color: @white;
      background: @blue;
    }
  }

  &.switchRound {
    &.off {
      &::before {
        content: "关";
        color: @gray_f1;
        background: @gray_99;
      }
    }

    &.on {
      &::before {
        content: "开";
        color: @gray_f1;
        background: @blue;
      }
    }
  }
}
.comSelectBox {
  .comSelectInput {
    position: relative;
    .iconfont {
      color: @gray_99;
    }
  }

  .comSelectDownList {
    background: @white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    li {
      &:hover {
        color: @blue;
      }

      &.active {
        background: @blue;
        color: @white;
      }
      &.checkBoxItem {
        &:hover {
          color: @gray_66;
          .text {
            color: @blue;
          }
        }
        &.active {
          background: rgba(202, 227, 253, 0.1);
          color: @blue;
          .iconfont {
            color: @blue !important;
          }
        }
        .iconfont {
          color: @gray_66;
        }
      }
    }
  }
}
.comTabList {
  position: relative;
  &.lineTab {
    .item {
      border-bottom: 2px solid @white;
      &.active {
        border-color: @blue;
        color: @blue;
      }
    }
  }
  &.buttonTab {
    .item {
      border: 1px solid #e6e6e6;
      &:hover {
        color: @blue;
      }
      &.active {
        color: #fff !important;
        background: @blue;
      }
    }
  }
}
.comTab {
  background: @gray_f1;
  border-bottom: 1px solid @gray_d6;
  li {
    border: 1px solid @gray_f1;
    &.active {
      background: @white;
      border: 1px solid @gray_d6;
    }
  }
}
/*侧边form*/
.sideForm {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background: #fff;

  .sideFormHead {
    background: @blue;
    color: @white;
    .closeSideForm {
      color: @white;
    }
  }

  .sideFootBtn {
    background: @white;
  }
}

.picListBox {
  .item {
    .closePic {
      color: @red;
    }
    &.fileItem {
      border: 1px dashed @gray_d6;
      .iconfont {
        color: @gray_e6;
      }
    }
  }
}
/*流程*/
.flowPathModal {
  background: @white;

  .flowPath {
    .flowItem {
      border: 1px solid @gray_d6;
      background: @white;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

      .statusName {
        border: 2px solid @gray_d6;
        color: @gray_99;
      }

      .text2 {
        color: @gray_99;
      }

      &.completed {
        border-color: #9dc1fb;
        background: rgb(235, 242, 250);

        .statusName {
          border: 2px solid @blue;
          color: @blue;
        }
      }

      &.inProgress {
        border-color: #fbdd9d;
        background: rgb(254, 249, 233);

        .statusName {
          border: 2px solid @orange;
          color: @orange;
        }
      }
    }

    .flowImg {
      color: @gray_99;
    }
  }
}

/*上传按钮*/
.fileBtnBox {
  .fileName {
    .iconfont {
      color: @blue;
    }
  }
}
.noticeBox {
  .noticeItem {
    background: @white;
    .boxShadow(0, 0, 5px, rgba(0, 0, 0, 0.1));
    .title {
      background: @blue;

      color: @white;
    }
    .left {
      color: @login_blue;
    }
    li {
      .number {
        color: @orange;
      }
    }
  }
}
/*下拉树*/
.comTreeSelect {
  .inputBox {
    .iconfont {
      color: @gray_99;
    }
  }
  .comTreeBox {
    border: 1px solid @gray_d6;
    background: @white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}

/*搜索结果*/
.comSearchResBox {
  background: @white;
  li {
    &:hover {
      color: @blue;
      background: @gray_f5;
    }

    &.active {
      color: @white;
      background: @blue;
    }
  }
}

/*省市区*/
.comProviceBox {
  background: @white;
  .listBox {
    border-right: 1px solid @gray_e6;
    li {
      &:hover {
        color: @blue;
        background: @gray_f1;
      }
      &.active {
        color: @white;
        background: @blue;
      }
    }
  }
}
.viewChat {
  .chatItem {
    > .line {
      background: @gray_d6;
    }

    > .item {
      > .viewBox {
        border: 1px solid @gray_d6;

        &.blue {
          color: #fff;
          background: @blue;
          border-color: @blue;
        }

        &.orange {
          color: #fff;
          background: @orange;
          border-color: @orange;
        }

        &.red {
          color: #fff;
          background: @red;
          border-color: @red;
        }
        &.rightLine {
          &::after {
            content: "";
            background: @gray_d6;
          }
        }

        &.leftLine {
          &::before {
            content: "";
            background: @gray_d6;
          }
        }
      }
    }
  }
}
.myCalendar {
  border-top: 1px solid @gray_d6;

  .weekView {
    padding: 15px 0;

    > div {
      width: calc(100% / 7);
      text-align: center;
      user-select: none;
    }
  }

  .calendarView {
    td {
      border: 1px solid @gray_e4;
      color: @gray_55;

      > div {
        border: 1px solid @white;

        &:hover {
          color: @blue;
        }
      }

      &.disabled {
        > div {
          background: @gray_f9;
          color: @gray_99;
          border-color: @gray_f9;
        }
      }

      &.today {
        > div {
          color: @blue;
          border-color: @blue;
        }
      }

      &.active {
        > div {
          background: @blue;
          color: @white;
          border-color: @blue;
        }
      }

      &.weekend {
        > div {
          background: @green;
          color: @white;
          border-color: @green;
        }
      }

      &.special {
        > div {
          background: @red;
          color: @white;
          border-color: @red;
        }
      }
    }
  }
}
.add-on {
  color: @gray_99;
}
.self-btn-group {
  .btn-default-self {
    &:hover {
      color: @gray_99 !important;
      border-color: #ccc !important;
    }
    &.active {
      background: @white !important;
      color: @blue !important;
      border-color: @blue !important;
      &:hover {
        background: @white !important;
        color: @blue !important;
        border-color: @blue !important;
      }
    }
  }
}
/*新样式*/
#homePage {
  .noticeList {
    .title {
      color: @gray_33;
    }
    li {
      border-bottom: 1px solid @gray_e6;
      .date {
        color: @gray_99;
      }
    }
  }
  .taskCenter {
    .item {
      .iconfont {
        background: @login_bg;
        color: @gray_99;
        .number {
          color: @white;
          background: @red;
        }
      }
      .text {
        color: @gray_66;
      }
      &:hover {
        .iconfont {
          background: @blue;
          color: @white;
        }
        .text {
          color: @blue;
        }
      }
    }
  }
  .usedFun {
    .item {
      .iconfont {
        background: @login_bg;
        color: @gray_99;
      }
      .text {
        color: @gray_66;
        transition: all 0.3s;
      }
      &:hover {
        .iconfont {
          background: @blue;
          color: @white;
        }
        .text {
          color: @blue;
        }
      }
    }
  }
  .noticeList {
    li {
      &::before {
        content: "";
        background: @light_blue;
      }
      .time {
        color: @gray_99;
      }
      &:hover {
        color: @light_blue;
        .time {
          color: @light_blue;
        }
      }
    }
  }
  .com_title {
    .text {
      color: @gray_55;
    }
    .titleMore {
      float: right;
      color: @gray_99;
    }
  }
}

/*统计*/
.totalSum {
  background: @gray_f1;
  .text {
    display: inline-block;
    margin-right: 40px;
    color: @gray_99;
  }
}
.myTreeTable {
  thead {
    th,
    td {
      background: @gray_f9 !important;
    }
  }
  td,
  th {
    border: 1px solid @gray_e4 !important;
    &.operCell {
      .iconfont {
        color: @blue;
      }
    }
  }
}
.tableOperBox {
  .redBox {
    background: @red_orange;
  }
}
.columnsBox {
  border: 1px solid @gray_d6;
  background: @white;
  .title {
    background: @gray_f9;
    border-bottom: 1px solid @gray_d6;
  }
}
.tableRadioBox {
  .layui-form-radio,
  .layui-form-checkbox {
    margin-right: 15px;
    &:hover {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
    &.layui-form-radioed,
    &.layui-form-checked {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
  }
}
.layui-laydate {
  .layui-laydate-footer {
    span {
      &:hover {
        color: @blue !important;
      }
    }
  }
}
//文件弹窗
#fileOperateDialog {
  .fileItem {
    border: 1px solid @gray_d6;
    &.active {
      border-color: @blue;
      color: @blue;
    }
  }
}
.fundIndex {
  .noticeList {
    padding: 5px 15px;
    list-style: none;
    li {
      &::before {
        content: "";
        background: @light_blue;
      }
      .time {
        position: absolute;
        right: 0;
        top: 0;
        color: @gray_99;
      }
      &:hover {
        color: @light_blue;
        .time {
          color: @light_blue;
        }
      }
    }
    &.accountNotice {
      li {
        &::before {
          content: "";
          background: @red;
        }
      }
    }
  }
  .fundList {
    .listHead {
      background: @gray_e6;
    }
    .listBox {
      .flex {
        border-bottom: 1px solid @gray_d6;
      }
    }
  }
  .fundTotalVirw {
    .item {
      color: @gray_66;
    }
  }
  .fundTotalVirw2 {
    .item {
      color: @gray_66;
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
    }
    .more {
      color: @gray_99;
    }
  }
  .fundTotalVirw3 {
    > .flex-1 {
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
      .item {
        color: @gray_66;
      }
      .more {
        color: @gray_99;
      }
    }
  }
}
.noDataBox {
  span {
    color: @gray_99;
  }
}
